@charset "utf-8";

@import "_config";

@each $n1, $v1 in (m:margin,p:padding) {
    @each $n2,$v2 in (t:top,l:left,r:right,b:bottom){
        @for $v3 from 0 through 8{
            .#{$n1}#{$n2}#{$v3*5}{
                #{$v1}-#{$v2}:r($v3*5)!important; 
            }
        }
    }
}

@each $n,$v in (a:absolute,f:fixed,r:relative,s:static){
    .p#{$n}{
        position: $v!important;
    }
}

@each $n,$v in (l:left,n:none,r:right){
    .f#{$n}{
        float: $v!important;
    }
}

@each $n,$v in (l:left,c:center,r:right){
    .t#{$n}{
        text-align: $v!important;
    }
}

@each $v in (12,13,14,15,16,17,18,20,25,30,35,40){
    .fz#{$v}{
        font-size: r($v)!important;
    }
}

// pixels to rems 
@function r( $px ) {
    @if $px != 0{
      @return ($px+0.01) / $baseFontSize * 1rem;
    }
    @else{
      @return 0;
    }
}